<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/vue.js"></script>
</head>
<body>

<!--在div中加入v-cloak属性，可以让div在vue没解析之前不显示
v-cloak在vue解析完之后就会消失

这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。

当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。-->
 <div id="app" v-cloak>
     <h2>{{message}}</h2>
 </div>

<script>
    let vm = new Vue({
        el:"#app",
        data: {
            message: "zahngsan"
        }

    })
</script>
</body>
</html>